var htmlwp = require('html-webpack-plugin');

module.exports = {
  entry:'./src/main.js',
  output:{
    path:__dirname+'/dist',
    filename:'build.js'
  },
  module:{
    loaders:[
      {
        test:/\.css$/,    //打包css
        loader:'style-loader!css-loader'
      },
      {
        test:/\.scss$/,   //打包scss
        loader:'style-loader!css-loader!sass-loader'
      },
      {
        test: /\.less$/,    //打包less
        loader:'style-loader!css-loader!less-loader'
      },
      {
        test: /\.(png|jpg|gif|ttf)$/, //打包
        loader:'url-loader?limit=20000' //limit表示图片的大小为20K是临界值，小于20K的图片均被打包到build.js中去，请求图片就会很快
      },
       /*{ //webpack 3.0 自带转js功能
            test: /\.js$/,  // 将.js文件中的es6语法转成es5语法
            loader:'babel-loader',
            exclude:/node_modules/ // 排除node_modules文件夹下的js文件不用被转换
       },*/
        {
            test: /.vue$/,  // 解析 .vue 组件页面文件
            loader:'vue-loader' 
        }
    ]
  },
  /*babel:{   //webpack 3.0自带es6转es5方法
            presets:['es2015'],  // 配置将es6语法转换成es5语法
            plugins:['transform-runtime'] // 用来解析vue文件
    },*/
  plugins:[
    new htmlwp({
      title:'首页',
      filename:'index.html',
      template:'template.html'
    })
  ]
}